<template>
  <div>
    <h1>响应式数据判断</h1>
  </div>
</template>

<script lang="ts">
import { defineComponent, isReactive, isRef, reactive, ref } from "vue";

export default defineComponent({
  setup() {
    const aa = ref("111");
    console.log(isRef(aa));
    const bb = ref({
      name: "tom",
      age: 10,
    });
    console.log(isRef(bb));
    const cc = reactive({
      name: "lili",
      age: 5,
    });
    console.log(isReactive(cc));
    console.log(isRef(cc));
    console.log(isReactive(bb));

    return {
      aa,
      bb,
      cc,
    };
  },
});
</script>

<style scoped>
</style>